@charset "utf-8";
/* CSS Document */
.rides-cs {  font-size: 12px; background:#D33434; position: fixed; top: 400px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { padding:10px 0px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

#back-top{position: fixed;bottom: 40px;right: 0%;z-index: 1000;width: 32px;height: 32px;background: #41bdc9 none repeat scroll 0% 0%;color: #046AB5;text-align: center;cursor: pointer;}
#back-top i{color:#fff; line-height:32px;}
.product_bg{ background:#FFF;}
.product2{margin-top:40px;}
.product2.container{padding-left:0px; padding-right:0px;}
.product2 .list_k { text-align:left; margin-bottom:20px; padding:0px 15px; }
.product2 .list_k .tupian{ text-align:center;}
.product2 .list_k .tupian img { max-width:100%;height: 140px;}
.product2 .list_k h2 { font-size:14px; color:#00; line-height:140%; padding-top:2px; margin:10px 0px 0px 0; }
.product2 .list_k h2 a{color:#333; font-weight:bold;}
.product2 .list_k a{color:#337AB7; line-height:30px;}
.product2 .list_k a:hover{text-decoration:none; color:#09F}
.product2 .list_k h2 a:hover{color:#333;}

.product2 .list_k p { font-size:12px; color:#999; }

.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}
.size-1of1 {
    width: 100%;
}
@media screen and (max-width: 450px) {
    .column {}
    #grid[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    .column {float: left;}
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
    .column {float: left;}
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 851px) {
    .column {float: left;}
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';

    }
}